<template>
  <div>
    <h2>v-model的原理</h2>
    <!-- 在template区域,如果使用事件对象,则使用 $event -->
    <input type="text" :value="name" @input="name = $event.target.value" />
    <!-- v-model相当于  :value + @input -->
    <input
      type="checkbox"
      :checked="flag"
      @change="flag = $event.target.checked"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "张三",
      flag: true,
    };
  },
};
</script>

<style>
</style>